/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background: rgb(144,29,32) url(../img/tlo_body.png) fixed repeat-x top left;
  font: normal 11px verdana, tahoma, Arial, geneva, sans-serif;
  color: rgb(90,90,90);
}

img{ display: block; border: none; }
form{ margin: 0px; padding:0px;}
ul{ list-style: none; }

a{ color: rgb(211,131,78); text-decoration: none; }
a:hover{ color: rgb(215,143,96); text-decoration: underline; }

.strong{ font-weight: bold; }
.center_in{ text-align: center};
.clr{ clear: both; height:0px; padding:0px; margin: 0px; }

/* =============================================================================
                                                                       WRAPER
============================================================================= */
#wraper{
  width: 700px;

  padding: 0px 0px 10px; margin: 15px auto 10px;
  background: rgb(246,244,239) url(../img/tlo_wraper.png) no-repeat 0px 0px;
  border: 4px rgb(255,255,255) solid;
}

#wraper ol, #wraper ul{
  padding: 0px 20px; margin: 0px;
  text-align: justify;
}
#wraper ol{
  margin-left: 25px;
}

#wraper p{ 
  clear: both;
  margin: 0px; margin-bottom: 10px;
  text-align: justify;
}

#content {
	padding: 15px 25px 5px 25px;
}

#content img {
	padding: 5px;
	border: 1px solid #444;
	background-color: #fff;
}

#content ul {margin: 10px;}
#content ul li {list-style: circle;}

#wraper h1{ font-size: 15px; color: rgb(90,90,90); text-align: center; padding: 0px; margin: 0px; }
#wraper h2{ font-size: 13px; color: rgb(177,55,1); margin-bottom: 15px; }
#wraper h3{ font-size: 11px; color: rgb(90,90,90); margin-bottom: 15px; } 

h1#logo{ height: 88px; background: url(../img/logo.gif) no-repeat 0px 0px; overflow: hidden; text-align: left; }
h1#logo a{ display: block; height: 0px; width: 508px; padding-top: 88px; }

.navigation {
  overflow:hidden;
  width: 700px;
  height: 24px;
  background-color: rgb(177,55,1);
  border-bottom: 4px rgb(255,255,255) solid; 
}
.navigation,
.navigation li {
	padding: 0px !important;
	margin: 0px !important;
}
.navigation li {
	float: left;
	list-style: none;
}
.navigation a{
	display: block;
	padding: 6px 14px 5px 13px;
	color: rgb(255,255,255);
	text-transform: uppercase;
	border-right: 1px rgb(215,143,96) solid;
}
.navigation a.last{ border: none; }
.navigation li.active,
.navigation a.active{ background-color: rgb(195,85,13); }


#wraper li.sect{
  text-align: center;
  font-weight: bold;
  padding: 8px 0px 4px;
}

#stopka a{
  color: rgb(206,204,199);
}

dl#wladze{
  float: left;
  padding: 10px 20px; margin: 0px;
  text-align: justify;
}
dl#wladze dt{
  float: left;
  width: 310px;
  padding: 4px 10px; margin: 0px; 
  text-align: right;
}
dl#wladze dd{
  float: left;
  width: 310px;
  padding: 4px 10px; margin: 0px;
  text-align: left;
  font-weight: bold;
}

/** TinyMCE - content styling */

.info,
.notice,
.warning,
.error {
	color: #111;
	padding: 10px;
}

.info 	{background-color: #B4A27C}
.notice {background-color: #fde14C}
.warning{background-color: #FF8740}
.error  {background-color: #950911; color: #fff;}

.box 		{padding: 10px; background-color: #333; color: #fff}
.box-left 	{padding: 10px; background-color: #111; float: left; margin: 10px 10px 10px 0}
.box-right  {padding: 10px; background-color: #111; float: right;margin: 10px 0 10px 10px}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

/** Default */
.kx_site,
.kx_news,
.kx_list,
.kx_display {
	margin: 0;
	padding: 0;
}

.kx_list li, 
.kx_display {
	display: table;
}

.kx_list .kx_time, .kx_list .kx_content,
.kx_display .kx_time, .kx_display .kx_content {
	display: table-cell;
}

.kx_list .kx_time,
.kx_display .kx_time {
	width: 60px;
}

.kx_list .kx_content,
.kx_display .kx_content {
	padding-left: 20px;
}

.kx_list .kx_title,
.kx_display .kx_title {padding-left: 0; font-size: 1.3em}

.kx_list .kx_head,
.kx_display .kx_head  {margin-bottom: 20px;}

.kx_time {
	text-align: center;
	vertical-align: middle;
	color: #B4A27C;
}
.kx_time:hover 		{color: #950911;}
.kx_time .kx_day 	{display: block; font-size: 1.8em;}
.kx_time .kx_month 	{display: block; font-size: 1.2em;}
.kx_time .kx_year 	{display: block; font-size: 1.2em;}

.kx_item,
.kx_item.kx_type_news,
.kx_item.kx_type_album {
	list-style: none;
}


/** Site */
.kx_site {width: 100%; display: block;}
.kx_site .kx_display {}
.kx_site .kx_content {padding-left:0; width: 100%; display: block;}


/** News */
.kx_list .kx_title a {text-decoration: none;}
.kx_list .kx_description {}


/** Gallery */
#flashcontent {
	width: 100%;
	height: 100%;
}

.kx_gallery_album {}
.kx_gallery_album .kx_content {
	width: 100%;
	height: 350px;
}

.kx_gallery_images {
	margin: 0;
	padding: 0;
	display:table;
	overflow: hidden;
}
.kx_gallery_images .kx_item {
	float:left;
	display: table-cell;
	width: 25%;
	height: 150px;
	vertical-align: middle;
	text-align: center;
}
.kx_gallery_images .kx_item img {
	border: 1px solid #eee;
	padding: 5px;
}
.kx_gallery_images .kx_item:hover img {
	border-color: #333;
}
